$(function() {
	//显示导航栏下拉框
	// 循环遍历技术服务中的精灵图
	console.log($('.docker-container-support ul li a span:first-child'));
	$('.docker-container-support ul li a span:first-child').each(function(index,ele){
		$(ele).css('background-position-x',-(28*index)+'px')
	})
	$('.header nav ul li:nth-child(2) a').hover(function(){
		over('.header nav ul li:nth-child(2) a','.docker-container .docker-container-selection')
	},
	function(){
		leave('.header nav ul li:nth-child(2) a')
	})
	$('.header nav ul li:nth-child(3) a').hover(function(){
		over('.header nav ul li:nth-child(3) a','.docker-container .docker-container-product')
	},
	function(){
		leave('.header nav ul li:nth-child(3) a')
	})
	$('.header nav ul li:nth-child(5) a').hover(function(){
		over('.header nav ul li:nth-child(5) a','.docker-container .docker-container-support')
	},
	function(){
		leave('.header nav ul li:nth-child(5) a')
	})
	// 明星系列
	// dockerHover('.header nav ul li:nth-child(2) a','.docker-container .docker-container-selection');
	// // 产品一览
	// dockerHover('.header nav ul li:nth-child(3) a','.docker-container .docker-container-product');
	// // 技术服务
	// dockerHover('.header nav ul li:nth-child(5) a','.docker-container .docker-container-support');
	//左边fixde的小图标
	$('.site-assistant').stop().hover(function() {
		$('.assistant-switch img').attr('src', 'img/icon-assistant-close.jpg');
		$('.site-line').show();
		$('.site-assistant ul').stop().show(200);
	}, function() {
		$('.assistant-switch img').attr('src', 'img/icon-assistant-open.jpg');
		$('.site-line').stop().hide();
		$('.site-assistant ul').stop().hide(200);
	})
	// 显示列表中的小图片
	$('.site-assistant ul li').hover(function() {
		$(this).find('.assistant-pop').slideToggle(200);
	})
	// 中部导航切换图标
	$('.toggle span:first-child').hover(function() {
		var toggleSrc = 'img/product-series-0';
		var toggleInd = $(this).parents('li').index();
		$(this).find('img').attr('src', toggleSrc + (toggleInd + 1) + '-on.png')
	}, function() {
		var toggleSrc = 'img/product-series-0';
		var toggleInd = $(this).parents('li').index();
		$(this).find('img').attr('src', toggleSrc + (toggleInd + 1) + '-off.png')
	})
	// 中部导航切换为fixed定位
	$(document).scroll(function() {
		if ($(window).scrollTop() > 1000) {
			$('.sticky-content').addClass('align-horizontal');
		} else {
			$('.sticky-content').removeClass('align-horizontal')
		}
	})
	//特殊产品2hover效果
	$('.revert-mask').hover(function() {
		$(this).find('.mask').stop().fadeToggle(400);
	})
	// 推荐
	$('.recommend a').hover(function() {
		$(this).find('.mask').stop().fadeToggle(500);
	})
	// 底部微信小logo显示隐藏
	$('.social-wechat').hover(function() {
			$('.social-wechat-pop').stop().slideDown(200)
		},
		function() {
			$('.social-wechat-pop').stop().hide(250)
		})
	// 返回顶部
	$(document).scroll(function() {
		if ($(window).scrollTop() >= 200) {
			$('.go-top').show();
		} else {
			$('.go-top').hide();
		}
	})
	$('.go-top a').click(function() {
		$('html').animate({
			scrollTop: 0
		}, 400);
		return false;
	})
	// 定义一个函数
	// function dockerHover(ele1,ele2){
	// 			// ele1指nav中的a
	// 			// ele2指.docker-container中的小div
	// 			// 明星系列
	// 			$(ele1).off().hover(function() {
	// 				$('.docker-container-item').each(function(index, ele) {
	// 					$(ele).stop().hide()
	// 				})
	// 				if ($(this).hasClass('hover-active')) {
	// 					$('.docker-container').css('display', 'block');
	// 					$(ele2).css('display', 'block')
	// 				}
	// 				// 1.进入当前li让div显示
	// 				$(ele2).stop().slideDown(300, function() {
	// 					$('.header nav ul li a').css('color', '#666')
	// 				});
	// 				// 2.给a设置一个class做标机
	// 				$(ele1).addClass('hover-link');
	// 				$(ele2).stop().slideDown(300).addClass('active');
	// 				// 3.给a设置第二个class
	// 				$(ele1).addClass('hover-list');
	// 			}, function() {
	// 				clearTimeout(aa);
	// 				var aa = setTimeout(
	// 					function() {
	// 						if ($(ele1).hasClass("hover-link") && $(ele1).hasClass(
	// 								'hover-list')) {
	// 							console.log('ll');
	// 							$('.docker-container').hide();
	// 							$('.header nav ul li a').css('color', '#fff');
	// 							$(ele1).removeClass('hover-link').removeClass('hover-list');
	// 						}
	// 					}, 50);
	// 			})
	// 			$('.docker-container').off().mouseenter(function() {
	// 				$(ele1).removeClass('hover-link');
	// 				$('.docker-container').off().mouseleave(function() {
	// 					$('.header nav ul li a').css('color', '#fff');
	// 					$(ele1).removeClass('hover-list');
	// 					$('.docker-container').stop().hide();
	// 				})
	// 			})
	// 		}
		// 进入li a中的触发的函数
			function over(ele1,ele2){
				$('.docker-container-item').each(function(index, ele) {
					$(ele).stop().hide()
				})
				if ($(ele1).hasClass('hover-active')) {
					$('.docker-container').css('display', 'block');
					$(ele2).css('display', 'block')
				}
				// 1.进入当前li让div显示
				$(ele2).stop().slideDown(300, function() {
					$('.header nav ul li a').css('color', '#666')
				});
				// 2.给a设置一个class做标机
				$(ele1).addClass('hover-link');
				$(ele2).stop().slideDown(300).addClass('active');
				// 3.给a设置第二个class
				$(ele1).addClass('hover-list');
				$('.docker-container').off().mouseenter(function() {
					$(ele1).removeClass('hover-link');
					$('.docker-container').off().mouseleave(function() {
						$('.header nav ul li a').css('color', '#fff');
						$(ele1).removeClass('hover-list');
						$('.docker-container').stop().hide();
					})
				})
			}
			// 离开li a中触发的函数
			function leave(ele1){
				clearTimeout(aa);
				var aa = setTimeout(
					function() {
						if ($(ele1).hasClass("hover-link") && $(ele1).hasClass(
								'hover-list')) {
							console.log('ll');
							$('.docker-container').hide();
							$('.header nav ul li a').css('color', '#fff');
							$(ele1).removeClass('hover-link').removeClass('hover-list');
						}
					}, 50);
			}
})
